import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
	{
		path: '/',
		name: 'Home',
		component: Home,
	},
	{
		path: '/ArticleDetails/:id',
		name: 'ArticleDetails',
		component: () => import('@/views/ArticleDetails.vue'),
	},
	{
		path: '/About',
		name: 'About',
		component: () => import('@/views/About.vue'),
	},
	{
		path: '/friendLink',
		name: 'FriendLink',
		component: () => import('@/views/FriendLink.vue'),
	},
]

const router = new VueRouter({
	mode: 'history',
	base: process.env.BASE_URL,
	routes,
})

export default router
